<template>
  <div id="home">
      <div id="header">所街移动中心业务群</div>
    <div id="show">
        <show></show>
    </div>
    <div id="ipt">
      <ipts></ipts>
    </div>
  </div>
</template>
<script>
import ipts from "./ipt/ipt.vue";
import show from "./show/show.vue";


export default {
  
  components: {
    ipts,
    show,
  },


};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}

#home {
  width: 800px;
  height: 600px;
  border: 10px solid #000;
  display: flex;
  flex-direction: column;

}
#show {
  width: 100%;
  flex: 8;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
#header{
    width: 100%;
    height: 50px;
    background: hotpink;
    color: #fff;
    text-align: center;
    font: 30px/50px "";
}
#ipt {
  flex: 1;
}
</style>